<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>2048小游戏</title>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<link rel="stylesheet" href="css/2048.css" />
		<script src="js/2048_main.js"></script>
		<style>
						.zhezhao{
							position: fixed;
							left: 0px;
							top: 0px;
							
							width: 100%;
							height: 100%;
							
						}
						.tankuang{
							position: relative;
							background: #fff;
							width: 30%;
							height: 70%;
							border-radius: 5px;
							margin: 5% auto;
						}
						#header_area{
							height: 40px;
							text-align: center;
						}
						#header_area_right{
							position: absolute;
							width: 25px;
							height: 25px;
							border-radius: 5px;
							background: red;
							color: #fff;
							right: 5px;
							top: 5px;
							text-align: center;
						}
			
			button {
					         background: #E27575;
					         border: none;
					         padding: 10px 25px 10px 25px; 
					         color: #FFF;
					         box-shadow: 1px 1px 5px #B6B6B6;
					         border-radius: 3px;
					         text-shadow: 1px 1px 1px #9E3F3F;
							 cursor: pointer;
			}
			
		</style>
	</head>
	<body>
			<!-- 这个部分是初始页面，点击按钮就能开始游戏 -->
			<div id="header">
			    <div class="game-name">2048</div>
			    <div class="wrapper">
			        <div class="score">
			            <span id="score-text">SCORE:</span>
			            <span id="score-number">0</span>
			        </div>
			        <div class="new-game">
			            <a href="javascript:Newgame()" id="newGame">New Game</a>
			        </div>
			    </div>
			</div>
			<!-- 做的是4X4版本的，就一共16个格子 -->
			<div id="container" style="position: ;">
			    <div class="grid-cell" id="grid-cell-0-0"></div>
			    <div class="grid-cell" id="grid-cell-0-1"></div>
			    <div class="grid-cell" id="grid-cell-0-2"></div>
			    <div class="grid-cell" id="grid-cell-0-3"></div>
			
			    <div class="grid-cell" id="grid-cell-1-0"></div>
			    <div class="grid-cell" id="grid-cell-1-1"></div>
			    <div class="grid-cell" id="grid-cell-1-2"></div>
			    <div class="grid-cell" id="grid-cell-1-3"></div>
			
			    <div class="grid-cell" id="grid-cell-2-0"></div>
			    <div class="grid-cell" id="grid-cell-2-1"></div>
			    <div class="grid-cell" id="grid-cell-2-2"></div>
			    <div class="grid-cell" id="grid-cell-2-3"></div>
			
			    <div class="grid-cell" id="grid-cell-3-0"></div>
			    <div class="grid-cell" id="grid-cell-3-1"></div>
			    <div class="grid-cell" id="grid-cell-3-2"></div>
			    <div class="grid-cell" id="grid-cell-3-3"></div>
				
			</div>
	
					<div class="zhezhao" id='zhezhao' style="display: none;">
						<div class="tankuang" style="background-color: #F7F7F7;">
							<div id="header_area">
								<h1>呜呜呜，游戏结束</h1>
								<div id="header_area_right" onclick="hidder()">x</div>
							</div>
							<HR align=center width=400 color=#987cb9 SIZE=1>
							<div style="width: 100%;height: 100%;text-align: center;">
								<img src="img/哭脸.jpeg" width="250" height="250" style="padding-top: 50px;" />
								<div style="padding-top: 50px;">
									<button onclick="button_new_game()">开始新游戏</button>
								</div>
							</div>
							
						</div>
			</div>
	
	</body>
</html>
